<template>
  <div class="hello">

    <v-header/>
    <el-container>
      <el-aside width="241px" style="background-color: #f8f8f8">
        <v-menu/>
      </el-aside>
      <el-main style="background-color: #f8f8f8">
    <h1>{{ msg }}</h1>
      </el-main>
    </el-container>
    
  </div>
</template>

<script lang="ts">
import Vue from 'vue'
import {Component} from 'vue-property-decorator'
// import {getQuestionList} from 'service/test'
import VHeader from 'base/Header.vue'
import VFooter from 'base/Footer.vue'
import VMenu from 'base/Menu.vue'
@Component({
  name: 'index',
  components: {
    VHeader,
    VFooter,
    VMenu
  }
})
export default class Index extends Vue {
  // data
      msg:string= '欢迎来到呼吸英语后台管理 ';
  created () {
  // getQuestionList({subjectId:20}); 
}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->

<style scoped lang="stylus" rel="stylesheet/stylus">
@import '~assets/stylus/variable.styl'
@import '~assets/stylus/mixin.styl'
  .hello
    // height 1000px
    h1
      font-size $font-size-large
      // no-wrap()
      display inline-block
      // width 80px
</style>

